<template>
  <div>
    <TypographyTitle :style="{ margin: '8px 0' }" >h1. Semi Design</TypographyTitle>
    <TypographyTitle :heading="2" :style="{ margin: '8px 0' }" >h2. Semi Design</TypographyTitle>
    <TypographyTitle :heading="3" :style="{ margin: '8px 0' }" >h3. Semi Design</TypographyTitle>
    <TypographyTitle :heading="4" :style="{ margin: '8px 0' }" >h4. Semi Design</TypographyTitle>
    <TypographyTitle :heading="5" :style="{ margin: '8px 0' }" >h5. Semi Design</TypographyTitle>
    <TypographyTitle :heading="6" :style="{ margin: '8px 0' }" >h6. Semi Design</TypographyTitle>
  </div>
</template>
<script setup lang="ts">
import {TypographyTitle} from "@kousum/semi-ui-vue"
</script>
